<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/public.css">
<link rel="stylesheet" href="../css/match.css">
<body>
    <div class="wrap">
        <!-- 头部start -->
        <div class="home_top">
            <div class="logo_cont">
                <a class="logo_img" href="./index.html">
                    <img src="../images/logo.png" alt="LOGO">
                </a>
                <div class="logo_title">
                    <h1>王者荣耀</h1>
                    <p>王者相见，打成一片</p>
                </div>
            </div>
            <div class="download">
                <a href="#"></a>
            </div>
        </div>

        <!--中间内容部分-->
        <div class="content">
                <div class="mc_block">
                    <div class="mc_descinfo">
                        <p class="mc_dinfo">
                            <span class="mc_descinfo_title">KPL 王者职业联赛</span>
                            <span class="mc_descinfo_type">官方举办</span>
                        </p>
                        <p class="mc_data"><span>2017-03-24</span> 至 <span>2017-07-08</span></p>
                    </div>
                </div>
                <div class="mc_lineinfo">
                    <span class="mc_w">进行中</span>
                </div>

                <!--video-->
                <div class="mc_video">
                    <video src="../picture/video1.mp4" id="video" ></video>
                    
                    <img class="video_img" src="../images/kpl.jpg" alt="KPL 王者职业联赛">
                    <div class="video_mask">
                        <span class="video_btn_play"></span>
                    </div>
                    
                </div>

                 <!--赛事资讯-->
                <div class="mc_allB mc_allB_news">赛事资讯</div>
                <div class="mc_gamemsg">
                    <div class="marchLiCont">
                        <div class="ac_tap mess_list newList_MarginTop">
                            <ul>
                                <li>
                                    <a href="javascript:">王者论英雄-第15期：Evildoer教你玩狄仁杰</a>
                                    <time>06/22</time>
                                </li>
                                <li>
                                    <a href="javascript:">第三届王者荣耀校园争霸赛总决赛回顾</a>
                                    <time>06/22</time>
                                </li>
                                <li>
                                    <a href="javascript:">战报：SC让一追二胜SV Best险胜Hero夺积分榜第一</a>
                                    <time>06/22</time>
                                </li>
                                <li>
                                    <a href="javascript:">快讯：安然高渐离发挥亮眼 SC2:1SV再夺一份</a>
                                    <time>06/22</time>
                                </li>
                                <li>
                                    <a href="javascript:">【KPL李九赛前预测】相比之下AG超玩会赢面大</a>
                                    <time>06/22</time>
                                </li>
                                <li>
                                    <a href="javascript:">高输出经济比，Cat季后赛中单稳定如一</a>
                                    <time>06/22</time>
                                </li>
                                <li>
                                    <a href="javascript:">【6.20KPL预选赛】BEST2：1拿下HERO，实现梦幻四连胜</a>
                                    <time>06/22</time>
                                </li>
                                <li>
                                    <a href="javascript:">【KPL四强战队采访】QGhappy目标冠军，Cat期待与伪装一战！</a>
                                    <time>06/22</time>
                                </li>
                                <li>
                                    <a href="javascript:">【KPL预选赛】BA2：0横扫SV，领跑积分榜</a>
                                    <time>06/21</time>
                                </li>
                                <li>
                                    <a href="javascript:">AG超玩会实力取胜，无惧任何套路</a>
                                    <time>06/21</time>
                                </li>

                            </ul>
                            <h3 class="ac_move" data-pagenow="1" data-pagetotal="143" data-pagenext="/webplat/info/news_version3/15592/24418/24853/m16639/list_2.shtml">
                                上拉加载更多
                            </h3>
                        </div>

                    </div>
                </div>
        </div>

        <!-- 底部导航start -->
        <div class="home_bottom">
            <ul class="clearfix">
                <li>
                    <a href="../index.html">首页</a>
                </li>
                <li>
                    <a href="video.html">视频</a>
                </li>
                <li>
                    <a href="strategy.html">攻略</a>
                </li>
                <li class="currentL">
                    <a href="match.html">赛事</a>
                </li>
            </ul>
        </div>
</body>

</html>
<script>
    var btn =document.getElementsByClassName("video_mask")[0];
    var video_img = document.getElementsByClassName("video_img")[0];
    var mp4 = document.getElementById("video");

    var flag =true;
    btn.onclick = function () { 
        // console.log(flag);
        if(flag){
            this.style.opacity = "0"
            video_img.style.display = "none"
            mp4.play();
            flag =false;
        } else{
            this.style.opacity = "1"
            // video_img.style.display = "block"
            mp4.pause();
            flag = true;
        }
    }
</script>